@import "../../style/variable";

// 按钮类型的配置
$type: (
	primary: (
		color: $s-light-text,
		background-color: $s-primary
	),
	secondary: (
		color: $s-text,
		background-color: $s-block,
		border-color: $s-line
	),
	text: (
		padding: 0,
		color: $s-brand-active
	)
);

// 伪类的配置
$pseudo: (
	primary: (
		hover: (
			background-color: $s-primary-hover
		),
		focus: (
			background-color: $s-primary-hover
		),
		active: (
			background-color: $s-primary-active
		),
		disabled: (
			color: $s-light-text,
			background: $s-primary-disabled,
			border: none
		)
	),
	secondary: (
		hover: (
			border-color: $s-form-control-line-active,
			color: $s-brand-active
		),
		focus: (
			border-color: $s-form-control-line-active,
			color: $s-brand-active
		),
		active: (
			border-color: $s-form-control-line-active,
			color: $s-brand-active
		),
		disabled: (
			color: $s-disabled-text,
			background: $s-disabled-bg,
			border: 1px solid $s-disabled-line
		)
	),
	text: (
		hover: (
			color: $s-brand-active-focus
		),
		focus: (
			color: $s-brand-active-focus
		),
		active: (
			color: $s-brand-active-focus
		),
		disabled: (
			color: $s-disabled-text
		)
	)
);

$size: (
	small: (
		height: 24px,
		padding: 0 16px,
		font-size: $s-font-size-sm
	),
	medium: (
		font-size: $s-font-size-md
	),
	large: (
		height: 32px,
		padding: 0 24px,
		font-size: $s-font-size-lg
	)
);
